<template>
  <el-dialog title="查看" :visible.sync="dialogFormVisible" :append-to-body="true" width="65%" @close="handleClose" @open="handleOpen" :close-on-click-modal="false" :close-on-press-escape="false">
      <el-row :gutter="20">
        <el-col :span="10">参数名称:：{{featureTemplateInfo.characteristicName}}</el-col>
        <el-col :span="10">参数编号： {{featureTemplateInfo.characteristicCode}}</el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="10">参数单位： {{ featureTemplateInfo.unit }}</el-col>
        <el-col :span="10">参数描述： {{ featureTemplateInfo.descriptions }}</el-col>
      </el-row>
      <div slot="footer" class="dialog-footer">
        <el-button @click="handleClose">取 消</el-button>
      </div>
  </el-dialog>
</template>
<script>
import { getDetail } from "@/api/system/featurePool";
export default {
  data() {
    return {
      dialogFormVisible: false,
      featureTemplateInfo: {}
    }
  },
  props: {
    currentId: String
  },
  methods: {
    // 打开弹窗回调事件
    handleOpen () {
      getDetail(this.currentId).then(res => {
        this.featureTemplateInfo = res.data.data
      })
    },
    // 关闭弹窗
    handleClose() {
      this.featureTemplateInfo = {}
      this.dialogFormVisible = false
    }
  }
};
</script>
  
<style scoped>
</style>
  